<!--网页头部-->

<header class="header-container">
	<!--网页顶部开始-->
	<div class="topBj">
		<div class="top">
			<div class="t-left">
				<span>中国大陆暴雪官方授权周边商城</span>
				<span class="sp">
					<a href="#">战网积分兑换商城优惠券入口</a>
				</span>
			</div>

			<div class="t-right">
				<ui class="list">
					<li><span><a href="login.html">登录</a></span></li>
					<li><span><a href="register.html">注册</a></span></li>
					<li>
						<span class="sub-menu">客户服务</span>
						<ul class="sub-menu">
							<li><a href="#">规则中心</a></li>
							<li><a href="#">在线客服</a></li>
						</ul>
					</li>
				</ui>
			</div>
		</div>
	</div>
	<!--网页顶部结束-->
	<div class="logo-container">
		<div class="header .clearfix">
			<div class="h-left">
				<h1><a href="index.html"><img src="img/logo.png" /></a></h1>
			</div>
			<div class="h-right">
				<input type="text" placeholder="请输入搜索内容" class="search" />
				<img class="icon search-icon" src="img/fdj.png" alt="搜索" />
				<a href="cart.html"><img class="icon cart-icon" src="img/cart.png" alt="购物车" /></a>
				<span class="cart-count">5</span>
			</div>
		</div>
	</div>
	<!--网页头部结束-->
</header>
<!-- 导航开始 -->
<nav class="mask" id="h-nav">
	<div class="fix-width m-bj">
		<ul class="nav" id="navList">
			<li class="home "><a href="index.html">首页</li>
			<li> <span>居家生活</span>
				<div class="sub-category-container">
					<ul class="sub-category-list fix-width">
						<li class="sub-category-item"><img class="sub-category-icon" src="img/dh1.png" alt="二级分类图标"><span class="display-block">电脑外设</span></li>
						<li class="sub-category-item"><img class="sub-category-icon" src="img/dh2.png" alt="二级分类图标"><span class="display-block">鼠标垫</span></li>
						<li class="sub-category-item"><img class="sub-category-icon" src="img/dh3.png" alt="二级分类图标"><span class="display-block">U盘存储</span></li>
						<li class="sub-category-item"><img class="sub-category-icon" src="img/dh4.png" alt="二级分类图标"><span class="display-block">手机壳</span></li>
						<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">充电宝</span></li>
					</ul>
				</div>
			</li>
			<li class="clearfix"> <span>手办模型</span>
				<div class="sub-category-container">
					<ul class="sub-category-list fix-width">
						<li class="sub-category-item"><img class="sub-category-icon" src="img/dh1.png" alt="二级分类图标"><span class="display-block">电脑外设</span></li>
						<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">鼠标垫</span></li>
						<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">充电宝</span></li>
						<li class="sub-category-item"><img class="sub-category-icon" src="img/dh3.png" alt="二级分类图标"><span class="display-block">U盘存储</span></li>
						<li class="sub-category-item"><img class="sub-category-icon" src="img/dh4.png" alt="二级分类图标"><span class="display-block">手机壳</span></li>
						<li class="sub-category-item"><img class="sub-category-icon" src="img/dh2.png" alt="二级分类图标"><span class="display-block">充电宝</span></li>
					</ul>
				</div>
			</li>
			<li> <span>数码外设</span>
				<div class="sub-category-container">
					<ul class="sub-category-list fix-width">
						<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">电脑外设</span></li>
						<li class="sub-category-item"><img class="sub-category-icon" src="img/dh4.png" alt="二级分类图标"><span class="display-block">鼠标垫</span></li>
						<li class="sub-category-item"><img class="sub-category-icon" src="img/dh3.png" alt="二级分类图标"><span class="display-block">U盘存储</span></li>
						<li class="sub-category-item"><img class="sub-category-icon" src="img/dh1.png" alt="二级分类图标"><span class="display-block">鼠标垫</span></li>
						<li class="sub-category-item"><img class="sub-category-icon" src="img/dh2.png" alt="二级分类图标"><span class="display-block">U盘存储</span></li>
						<li class="sub-category-item"><img class="sub-category-icon" src="img/dh3.png" alt="二级分类图标"><span class="display-block">手机壳</span></li>
					
					</ul>
				</div>
			</li>
			<li> <span>配饰挂件</span>
				<div class="sub-category-container">
						<ul class="sub-category-list fix-width">
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh1.png" alt="二级分类图标"><span class="display-block">电脑外设</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh2.png" alt="二级分类图标"><span class="display-block">鼠标垫</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">充电宝</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh3.png" alt="二级分类图标"><span class="display-block">U盘存储</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh4.png" alt="二级分类图标"><span class="display-block">手机壳</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">充电宝</span></li>
						</ul>
					</div></li>
			<li> <span>服装服饰</span>
				<div class="sub-category-container">
						<ul class="sub-category-list fix-width">
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh1.png" alt="二级分类图标"><span class="display-block">电脑外设</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh2.png" alt="二级分类图标"><span class="display-block">鼠标垫</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh3.png" alt="二级分类图标"><span class="display-block">U盘存储</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh4.png" alt="二级分类图标"><span class="display-block">手机壳</span></li>
						
						</ul>
					</div></li>
			<li> <span>图书文具</span>
				<div class="sub-category-container">
						<ul class="sub-category-list fix-width">
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh1.png" alt="二级分类图标"><span class="display-block">电脑外设</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh2.png" alt="二级分类图标"><span class="display-block">鼠标垫</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">充电宝</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh3.png" alt="二级分类图标"><span class="display-block">U盘存储</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">充电宝</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh4.png" alt="二级分类图标"><span class="display-block">手机壳</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">充电宝</span></li>
						</ul>
					</div>
			</li>
		</ul>
	</div>
</nav>
<!-- 导航部分结束 -->